#include("templates/layout_index.html")
#@layout()

#define seo_title()
#seoTitle(COLUMN.seoTitle??, "首页") - #seo("seo_title")
#end

#define seo_keywords()
#seoMetaKeywords(COLUMN.seoMetaKeywords??)
#end

#define seo_description()
#seoMetaDescription(COLUMN.seoMetaDescription??)
#end

#define import_head_cssjs()
<link rel="stylesheet" href="./css/index.css">
#end

#define body()
	<!-- 纵向轮播 -->
	<div class="swiper-container swiper-container-v" data-head="" id="ID_data_head">
		<div class="swiper-wrapper">
	#adPlaceList(code="index")
		#for(adPlace : adPlaceList)
			#set(lastAdPlace=for.last)#set(firstAdPlace=for.first)
			#if(adPlace.style=="carousel")###首屏轮播
			<!-- 首屏轮播 -->
			<div class="swiper-slide section">
				<div class="swiper-container index-banner">
					<div class="swiper-wrapper">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
						#if(firstAdPlace && for.first)###这一段脚本用于初始化首图的明暗
						<script type="text/javascript">
							var dataHead=document.getElementById('ID_data_head');
							dataHead.setAttribute('data-head','#(ad.imgLightness)');
						</script>
						#end
						#if(ad.type=="image")
						<div class="swiper-slide" data-head="#(ad.imgLightness)">
							<a class="index-baner-slide" style="background-image: url('#(ad.img)')" #if(ad.url)href="#(ad.url)"#end target="#(ad.urlTarget)"></a>
						</div>
						#end
					#end
				#end
					</div>
					<!-- Add Pagination -->
					<div class="swiper-pagination index-swiper-pagination"></div>
					<div class="swiper-button-prev hidden-xs"></div>
					<!--左箭头-->
					<div class="swiper-button-next hidden-xs"></div>
					<!--右箭头-->
				</div>
				#if(lastAdPlace && for.last)###最后一个需要追加页脚
				<div class="index-footer">
					<!-- 底部 -->
					#include("templates/footer.html")
				</div>
				#end
			</div>
			#end
			#if(adPlace.style=="full-width")###后续展示图，平铺、全宽
			<!-- 后续展示图 -->
				#adList(placeId=adPlace.id)
					#for(ad : adList)
						#if(firstAdPlace && for.first)###这一段脚本用于初始化首图的明暗
			<script type="text/javascript">
				var dataHead=document.getElementById('ID_data_head');
				dataHead.setAttribute('data-head','#(ad.imgLightness)');
			</script>
						#end
						#if(ad.type=="image")
			<div class="swiper-slide section" data-head="#(ad.imgLightness)">
				<a #if(ad.url)href="#(ad.url)"#end target="#(ad.urlTarget)">
					<div class="index-baner-slide swiper-lazy" data-background="#(ad.img)"></div>
				</a>
							#if(lastAdPlace && for.last)###最后一个广告之后需要追加页脚
				<div class="index-footer">
					<!-- 底部 -->
					#include("templates/footer.html")
				</div>
							#end
			</div>
						#end
					#end
				#end
			<!-- 后续展示图end -->
			#end
		#end
	#end
		</div>
	</div>
	<!-- 下一页 -->
	<div class="index-next mobile-show">
		<span class="icon iconfont one">&#xe62d;</span>
		<span class="icon iconfont two">&#xe62d;</span>
	</div>
#end

#define import_foot_js()
<script src="./js/index.min.js"></script>
#end
